<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.12.2.min.js" ></script>
	</head>
	<body>
		
		<form>
			
			name:<input type="text" name="name"  value="zhangsan"/><br />
			
			<div id="d1">
			sge:<input type="text" name="age"  value="20"/><br />
			</div>
			
			height:<input type="text" name="height" value="175" /><br />
			
			password:<input type="password" name="pass" value="175" /><br />
			
			籍贯:<select>
				<option selected="selected">上海</option>
				<option>北京</option>
			</select>
			<br />
			简介: <textarea></textarea>
			
			爱好: <input type="checkbox" value="1" checked="checked" /> 抽烟
			      <input type="checkbox" value="2" /> 喝酒
			      <input type="checkbox" value="3" /> 烫头 
			
		</form>
		
		<table border="1">
			<tr>
				<td>jaj</td>
				<td>ffd</td>
			</tr>
			<tr>
				<td>jaj</td>
				<td>ffd</td>
			</tr>
			<tr>
				<td>jaj</td>
				<td>ffd</td>
			</tr>
			<tr>
				<td>jaj</td>
				<td>ffd</td>
			</tr><tr>
				<td>jaj</td>
				<td>ffd</td>
			</tr>
			<tr>
				<td>jaj</td>
				<td>ffd</td>
			</tr>
		</table>
		
		
		<script>
			
			// 层次选择器
			// 获取form标签中包含的input标签(儿子孙子都会选中)
			//alert($("form input").length);
			
			// 获取直接子元素
			//alert($("form>input").length)
			
			
			// 增强基本选择器
			// 获取第一个元素
			//alert($("input:first").val());  // js中value
			// 获取最后一个元素
			//alert($("input:last").val());
			// 获取指定索引下标的值
			//alert($("input:eq(1)").val());
			// 获取大于指定索引的元素
			//alert($("input:gt(1)").val());
			
			// 获取奇数行,从0开始
			//$("table tr:odd").css("background-color", "red");
			
			// 获取偶数行,从0开始
			//$("table tr:even").css("background-color", "green");
			
			
			// 属性选择器[属性名='属性值']
			//alert($("input[name='name']").val());
			
			// ^  name值以'n'开头
			//alert($("input[name^='n']").length);
			
			// $  name值以'e'结尾
			//alert($("input[name$='e']").length);
			
			
			// 表单选择器
			//alert($(":input").length);
			
			// 选中type="text"的元素
			//alert($(":text").length);
			
			// 选中type="password"的元素
			//alert($(":password").length)
			
			//alert($("option:selected").html());
			//alert($("option:selected").text());
			//alert($("option:selected").val());
			
			//alert($("option:not(:selected)").length);
			//alert($("option:not(:selected)").html());
			//alert($("option:not(:selected)").text())
			
			//alert($(":checkbox:checked").val());
			//alert($(":checkbox:checked").length);
			
			//alert($(":checkbox:not(:checked)").length);
			//alert($(":checkbox:not(:checked)").val());
			
		</script>
		
	</body>
</html>
